﻿<!DOCTYPE html>
<html lang="en" ng-app="app.main" ng-controller="mainCtrl as main">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - My ASP.NET MVC Application</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <base href="@Url.Content("~")" />
    @Styles.Render("~/Content/css")
</head>
<body>
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li ng-class="{'active': main.MenueHomeActive()}">
                        <a ui-sref="Home.HighCharts"><strong>Home</strong></a> 
                    </li>
                    <li ng-class="{'active': main.MenueAccountActive()}">
                        <a ui-sref="Account.PersonsList"><strong>Account</strong></a> 
                    </li>
                    <li>
                        <a href="@Url.Action("Test", "Detail")">Detail</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container" id="mainContainer">
        @RenderBody()
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/Angular/App")
    @RenderSection("scripts", required: false)
</body>
</html>
